<template>
  <div class="about">
    <v-container>
      <v-row justify="center">
        <v-col cols="12" md="10" xl="6" lg="8">
          <v-container
            class="white rounded mt-10"
            style="box-shadow: 0 0 10px 1px grey;"
          >
            <v-card>
              <v-card-title>关于我</v-card-title>
              <v-card-subtitle>
                <v-list class="my-info-list">
                  <v-list-item>
                    <v-list-item-action>性别：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle>男</v-list-item-subtitle>
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>职业：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >万不能的程序猿</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>自我定位：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >技术宅（可能只有宅）</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>状态：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >间歇性努力，持续性躺平。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>住址：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >飘忽不定，四海为家。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>兴趣：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >人文历史；哲学派别；天文地理；神话传说；科学器械···生而为人，我很好奇。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>爱好：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >单机为主的各类游戏（菜而自知，不影响人）；乒乓球（菜狗）；数码产品（人生贵在折腾）；软件知识（更好的折腾）。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>生日：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle>90后后后</v-list-item-subtitle>
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>躺平谏言：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >小桥底下盖小被，小被底下抹眼泪；摸完眼泪无所谓，逢人就说啊对对对。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>梦想：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >是钱多事少离家近（现实是钱少话多死得早）。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>喜恶：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >喜欢美好的人或事或物，讨厌特别没有边界感的人。</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>个人简介：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >上得厅房，下的厨房；能文能武（文能键盘敲代码，武能起子拆硬件）。三好青年（好吃好玩好睡）；文明菜鸡兼种田爱好者；退圈的老二次元。
                        博客纯粹是想要一个，就写了！更新加油(ง
                        •_•)ง！！！</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>自我评价：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle>活着</v-list-item-subtitle>
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>人生谏言：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >初心不改，意往无前！</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                  <v-list-item>
                    <v-list-item-action>联系邮箱：</v-list-item-action>
                    <v-list-item-content>
                      <v-list-item-subtitle
                        >2575572904@qq.com</v-list-item-subtitle
                      >
                    </v-list-item-content>
                  </v-list-item>
                </v-list>
              </v-card-subtitle>
            </v-card>
          </v-container>
        </v-col>
      </v-row>
    </v-container>
    <Footer />
  </div>
</template>

<script>
import Footer from "@/components/Footer.vue";

export default {
  name: "About",
  components: { Footer }
};
</script>

<style lang="scss" scoped>
.my-info-list {
  .v-list-item {
    padding: 0;
    min-height: 28px;
    .v-list-item__action {
      margin: 0;
      min-width: 75px;
      color: rgba(0, 0, 0, 0.6);
    }
    .v-list-item__content {
      margin: 0;
    }
    .v-list-item__subtitle {
      line-height: 18px;
      white-space: normal;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
</style>
